/* mozilla.org Cavendish Content Styles
 * Design by SilverOrange
 * Markup Reference classes organized by fantasai
 */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* TOC:
   Body
   Random HTML Styles
   Forms
   General Structure
   Navigation
   Quotations
   Comments and Other Asides
   Emphasis
   Computers - General
   Code
   Examples and Figures
   Q and A (FAQ)
   Tables
   Meta
*/

/* Body */

    body {
        background: #fff;
        color: #333;
    }

    #side {
        background: #fff;
        line-height: 1.3; /* value other than 'normal' needed for WinIE */
        color: #000;
    }

/* Random HTML Styles */

    hr {
        height: 1px;
        background-color: #000;
        color: #000;
        margin: 2em 0;
    }

    input[type="submit"] {
        font-weight: bold;
    }

/* General Structure */

    body, 
    td, 
    th, 
    input { /* redundant rules for bad browsers  */
        font-family: Trebuchet ms, Verdana, Georgia, Arial, sans-serif;
        font-size: x-small;
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size: small;
    }

    h1, 
    h2, 
    h3, 
    h4, 
    h5, 
    h6 {
        margin: 1em 0 0.3em 0;
        padding-bottom: 0.2em;
        border-bottom: 1px solid #ddd;
        font-family: verdana, sans-serif;
    }
    
    li h1, 
    li h2, 
    li h3, 
    li h4, 
    li h5, 
    li h6 {
        border: none;
    }

    #header h1 { border: 0; }

    h1 { font-size: 160%; font-weight: normal; }
    h2 { font-size: 150%; font-weight: normal; }
    h3 { font-size: 120%; }
    h4 { font-size: 100%; }
    h5 { font-size: 90%; }
    h6 { font-size: 90%; border: 0; }
    
/* Navigation */

    :link { 
         color: #039; 
    }
    :visited { 
         color: #636; 
    }
    :link:hover, 
    :visited:hover { 
             color: #222; 
        }
    :link:active, 
    :link:active { 
         color: #000; 
        }

/* Comments and other Asides */

    .note {
        color: #666;
        font-style: normal;
    }
    
    .remark {
        color: #666;
    }
    
    .sidenote {
        border: #666;
    }

    .key-point:before {
        line-height: 0.1;
        font-size: 1px;
        background: transparent url("../../images/key-point_tr.gif") no-repeat top right;
        margin: -15px -15px 0 -15px;
        height: 15px;
        display: block;
        border: none;
        content: url("../../images/key-point_tl.gif");
    }
    .key-point {
        background: #e4ecec url("../../images/key-point_back.gif") right repeat-y;
        padding: 15px;
        margin-bottom: 1em;
    }
    .key-point:after {
        display: block;
        clear: both;
        padding-top: 15px;
        line-height: 0.1;
        font-size: 1px;
        content:  url("../../images/key-point_bl.gif");
        margin: -15px;
        height: 8px;
        background: transparent url("../../images/key-point_br.gif") scroll no-repeat bottom right ;
    }
    
    .key-point h2, 
    .key-point h3, 
    .key-point h4, 
    .key-point h5 {
        border: none;
        margin-top: 0;
    }

/* Lists */

    ul.spaced {
        margin-left: 0;
        padding-left: 20px;
    }
    ul.spaced > li {
        margin: 20px 0px;
    }
    
    ul.pointless li {
        list-style: none;
    }
        
    ul.compact {
        margin-left: 0;
        padding-left: 20px;
    }
            
/* Computers */

    kbd {
        margin: 0.1em;
        padding: 0.1em;
        border: 1px #ccc;
    }

    kbd.command,
    code.command {
        color: #6B5839;
    }

/* Code */

    pre.code {
        background: #EEECF6;
    }
    
    code > em,
    code > strong,
    pre.code > em,
    pre.code > strong {
        font-style: normal;
    }

/* Examples and Figures */

    div.example {
        border-color: #554FA0;
    }
    div.example:before {
        color: #666;
    }

/* Tables */

    table.data {
        border: 1px solid #ccc;
    }
    
    table.data th,
    table.data td {
        border: 1px solid #ccc;
    }

    tr.odd {
        background: #FFFFFF;
    }

    tr.even {
        background: #F0F0F0;
    }

/* Meta */

    address {
        color: #666;
    }
